<!DOCTYPE html>
<html lang="zh-cn">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="author" content="">
    <title>大众之旅</title>
    <!-- <link rel="shortcut icon" type="image/x-icon" href="img/favicon.ico"> -->
    <link rel="stylesheet" href="/static/index/css/astyle.css">
    <link rel="stylesheet" href="/static/index/css/swiper.min.css">
    <link rel="stylesheet" href="/static/index/css/animate.min.css">
    <link rel="stylesheet" href="/static/index/css/normalize.css">
    <!-- Bootstrap Core CSS -->
    <link href="/static/index/css/bootstrap.min.css" rel="stylesheet">

    <!-- Custom CSS -->
    <link href="/static/index/css/five.css" rel="stylesheet">

    <!-- Custom Fonts -->
    <link href="/static/index/css/font-awesome.min.css" rel="stylesheet" type="text/css">

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->

</head>
<script src="/static/index/js/jquery.min.js"></script>
<!-- Swiper JS -->
<script src="/static/index/js/swiper.min.js"></script>
<script src="/static/index/js/swiper.animate.min.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
        $('ul.nav > li').click(function () {
            $('ul.nav > li').removeClass('active');
            $(this).addClass('active');
        });
    });
</script>

<body>
    <div class="container logo-pc">
        <div class="row" style="text-align: center;">
            <img src="/static/index/images/logo.jpg" alt="">
        </div>
    </div>
    

    <!-- Navigation -->
    <nav class="navbar navbar-default navbar-fixed-top nav-dz">

        <div class="container">
            <!-- Brand and toggle get grouped for better mobile display -->
            <img src="/static/index/images/logo.jpg" alt="" class="logo-phone">
            <div class="navbar-header page-scroll" style="float:right;">
                <button type="button" class="navbar-toggle" data-toggle="collapse"
                    data-target="#bs-example-navbar-collapse-1">
                    <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span>
                    <span class="icon-bar"></span> <span class="icon-bar"></span>
                </button>
            </div>
            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav navbar-right">
                    <li><a href="{:url('index/index')}">首页</a></li>
                    <li><a href="{:url('traval/traval')}">大众之旅</a></li>
                    <li><a href="{:url('information/cnews')}">资讯中心</a></li>
                    <li><a href="{:url('/shop/index/index')}" target="_blank">官方商城</a></li>
                    <li><a href="{:url('scenic/scenic')}">推荐景区</a></li>
                    <li><a href="{:url('aftersale/aftersale')}">售后服务</a></li>
                    <li><a href="{:url('contact/contact')}">联系我们</a></li>
                </ul>
            </div>

            <!-- /.navbar-collapse -->
        </div>
        <!-- /.container-fluid -->
    </nav>